<!-- 插槽 -->
<!-- 1.默认插槽 -->
<!-- 2.具名插槽 -->
<!-- 3.作用域插槽 -->
<template>
    <div>
       <Cage>
        <div slot="cage" @click="cage1" >
           <img src="@/assets/loading.png" alt="">
        </div>
        <div slot="hello" @click="hello">
            <img src="@/assets/error.png" alt="">
        </div>
       </Cage>
    </div>
</template>
<script>

import Cage from '@/components/cage.vue'
export default {
   components:{Cage},
   data() {
    return {
        list:[
            'java','web','JAVAEE','C++'
        ],
        
    }
   },
   methods: {
    cage1(){
        console.log('cage1')
        this.$router.push('/page5')
    },
    hello(){
        console.log('hello')
        this.$router.push('/page5')
    }
   },
}
</script>
